<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据展示及交互</title>
</head>
<link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="../css/jquery.tipso.min.css" type="text/css">

<style type="text/css">
    .bd { border:1px solid #999999 }
    .allH { height: 100% }
    .gradient{
        filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#D0EEF4,endcolorstr=#1D8CC7,gradientType=0);
        -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#D0EEF4,endcolorstr=#1D8CC7,gradientType=0);/*IE8*/
        background: #D0EEF4; /* 一些不支持背景渐变的浏览器 */
        background:-moz-linear-gradient(top, #D0EEF4, #1D8CC7);
        background:-webkit-gradient(linear, 0 0, 0 bottom, from(#24B2D1), to(#166BBF));
        background:-o-linear-gradient(top, #D0EEF4, #1D8CC7);
    }
    .cols{ height:100%; min-height: 720px; padding:0px!important}
    .view{ height:50%; min-height: 360px}
    .viewp3{ height:33%; min-height: 240px}
    .sel{ height: 50px; padding-top: 10px  }
    select{ width: 95%; height: 100%; background-color: #A3DDEE; color:blue }
    td{ padding-bottom: 15px }
    li>a{ color:#8A2BE2 }
    .anchorBL{display:none;}
    #mapZone label{max-width:none;}
    .nopd{ padding:0px!important }
    th{ color:#5CACEE }
    td{ color:#7EC0EE }

</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM&services=&t=20171114145936"></script>
<script language="JavaScript" src="../js/jquery.min.js"></script>
<script language="JavaScript" src="../js/jquery.tipso.min.js"></script>
<script language="JavaScript" src="../js/bootstrap.min.js"></script>
<script language="JavaScript" src="../js/echarts.min.js"></script>
<script src="../js/dark.js"></script>

<body style="background:rgb(43, 51, 59) ">
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="col-md-6 cols">
                <div class="view" id="view1"></div>
                <div class="view" id="view2" style="">
                    
                </div>
            </div>
            <div class="col-md-6 cols">
                <div class="view" id="view3"></div>
                <div class="view" id="view4" style="">
                <div style="color:#fff; margin-top:20px;text-align:center; font-size:14px; font-weight:800;margin-bottom:20px">销售退回信息</div>
                <table class="table">
				<thead>
					<tr>
						<th>单位名称</th>
						<th>开票人</th>
						<th>开票号</th>
						<th>日期</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>日喀则市人民医院</td>
						<td>李小琴</td>
						<td>6232389</td>
						<td>2018-05-17</td>
					</tr>
                    <tr>
						<td>日喀则市人民医院</td>
						<td>李小琴</td>
						<td>6232389</td>
						<td>2018-05-23</td>
					</tr>
					<tr>
						<td>
							龙泉驿区德盛涂堂
						</td>
						<td>
							王晓华
						</td>
						<td>
							1024498
						</td>
						<td>
							2018-04-28
						</td>
					</tr>
					<tr class="error">
						<td>
							郫都区星火大药房
						</td>
						<td>
							王晓华
						</td>
						<td>
							3491376
						</td>
						<td>
							2018-04-27
						</td>
					</tr>
				</tbody>
			</table>
                </div>
            </div>
        </div>
        
    </div>


</body>

<script language="JavaScript" src="../js/public.js"></script>
<script src="../js/data.js"></script>
    
<script src="../js/view1.js"></script>
<script src="../js/china.js"></script>
    
<script language="JavaScript">
 
    //drawPie("view1");
    //drawBar("view1");

//    drawLine("view1", source[0].data, source[0].title);
//
//    
//    drawMap("view4", source[1].data, source[1].title);
//    
//    drawRose("view5", source[4].data, source[4].title);
//    
//    
//    drawBars("viewc", source[2].data, source[2].names, source[2].title);
    
    // drawBarB("view6", source[3].data, source[3].names, source[3].title);
//    drawBarB("view6", source[3].data, source[3].title);

//    drawBarB("view2", source[3].data, source[3].title);
    
    drawBar("view1", source[5].data, source[5].title);
    drawLine("view2", source[7].data, source[7].title);
    
    drawBars("view3", source[6].data, source[6].names, source[6].title);
    
//    draw1("view7");
    
</script>
</html>